<template>
  <div class="guiDan">
      <Bgimg>归档</Bgimg>
      <Container :showUser="false">
      <div class="block">
        <el-timeline>
        <el-timeline-item timestamp="2018/4/12" placement="top">
            <el-card>
            <h4>Update Github template</h4>
            <p>Tom committed 2018/4/12 20:46</p>
            </el-card>
        </el-timeline-item>
        <el-timeline-item timestamp="2018/4/3" placement="top">
            <el-card>
            <h4>Update Github template</h4>
            <p>Tom committed 2018/4/3 20:46</p>
            </el-card>
        </el-timeline-item>
        <el-timeline-item timestamp="2018/4/3" placement="top">
            <el-card>
            <h4>Update Github template</h4>
            <p>Tom committed 2018/4/3 20:46</p>
            </el-card>
        </el-timeline-item>
        <el-timeline-item timestamp="2018/4/3" placement="top">
            <el-card>
            <h4>Update Github template</h4>
            <p>Tom committed 2018/4/3 20:46</p>
            </el-card>
        </el-timeline-item>
        <el-timeline-item timestamp="2018/4/2" placement="top">
            <el-card>
            <h4>Update Github template</h4>
            <p>Tom committed 2018/4/2 20:46</p>
            </el-card>
        </el-timeline-item>
        </el-timeline>
    </div>
    </Container>
  </div>
</template>

<script>
import Bgimg from 'components/Bgimg.vue'
import Container from "components/container/Container.vue";
export default {
    components: {
        Bgimg,
        Container
    }
}
</script>

<style scoped>
.block {
    flex: .7;
}
</style>